<template>
  <view class="container">
    <view class="tabs">
      <block v-for="item in tabs" :key="item.id">
        <view class="tab-item" @click="handleTab" :data-item="item">
          <view class="tab" :style="{ color: tabActive.id == item.id && primaryColor }">{{ item.name }}</view>
          <view class="tab-indicator" :style="{visibility: tabActive.id == item.id ? 'visible' : 'hidden'}" ></view>
        </view>
      </block>
    </view>
    <custom-itemWaterFlow
      :list="list"
      v-if="list.length"
      @tapItem="tapItem"
    />
    <custom-emptyMsg v-else/>
  </view>
</template>
<script src="./indexMod.js" />
<style src="./indexStyle.scss" lang="scss" scoped>
</style>